<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
	<script src="${ctx}/js/lib/echart/echarts.js" type="text/javascript"></script>
<script src="${ctx}/js/controllers/report/OrderStatisticsController.js" type="text/javascript"></script>
<link rel="stylesheet" href="${ctx }/css/dlifestyle/store.css"/>
<style type="text/css">
	.location{
		height:43px;
		width:100%;
		margin-left:-1px;
		margin-top:-1px;
		border:1px solid #e6e6e6;
		background-color:#f5f5f5
	}
	.location img{
		margin-left:24px;
		margin-top:10px;
		margin-bottom:12px;
	}
	.form div img{
		float:left;
		top:10px;
		margin-left:22px;
		padding-top:10px;
 		position:relative;
		left:30px;
		top:-2px; 
	}
	.form div input{
		height:35px;
		width:20%;
		border-radius:4px;
		border:1px solid #dadada;
		padding-left:40px;
		font:14px 微软雅黑;
	}
	.emStyle{
		color:#98bfe4;
	}
	
	.buttonEdit{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #98bfe4;
	    color:#fff;
	    border: none;
	    margin-top:28px;
	 }
	.buttonCancle{
	    width:124px;
	    height:36px;
	    font-size:14px;
	    border-radius: 4px;
	    background-color: #fff;
	    color:#504949;
	    border: 1px solid #D1CFCF;
	    margin-top:28px;
     }
     .btnpic1{
     	background:url("${ctx }/images/btn1.png") repeat;
     }
      .btnpic2{
      background:url("${ctx }/images/btn2.png") repeat;
      }
       .btnpic3{
        background:url("${ctx }/images/btn3.png") repeat;
       }
</style>
    <div style="top:130px;position:fixed;height:30px;font-size: 14px;font-family: '微软雅黑';margin-left:-236px;">
				当前位置:${sessionScope.currcent_position}
    </div>
	<section>
		<section style="border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6">
			<div class="panel" style="height:100%;border-right: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;">
                <div class="location"><img src="${ctx }/images/seller/report/order.png"/>
                <span style="margin-left:10px;margin-top:14px;font-size:14px;color:#414043;font:14px 微软雅黑">订单量</span>
                </div>
                <input type="hidden" id="shopId" value="${shopId }">
				<div id="form" class="form" style="padding-top:50px;height:430px;width:100%;border-bottom:0;margin-top:27px;"> 
						<span style="display:block;float:left;margin-top: 25px;margin-left: 40px;" >
						<img src="${ctx }/images/seller/report/search1.png" style="position: relative;left:50px;top:-1px;"/>
						<input id="beginTime" style="margin-left: 15px;color:#828282;font:12px 微软雅黑;border-radius: 15px; border: 1px solid #dadada; width: 100px;height: 25px;line-height:25px;padding-left: 40px;"
						 type="text" onClick="WdatePicker({dateFmt:'yyyy/MM/dd',readOnly:true,maxDate:'#F{$dp.$D(\'endTime\')}'})"  value="">
						<img src="${ctx }/images/seller/report/search2.png" style="position: relative;right: 33px;top: -1px;"/>
						</span>
						<span style="display:block;float:left;margin-top: 25px;margin-left: -30px;" >
						<img src="${ctx }/images/seller/report/search1.png" style="position: relative;left:50px;top:-1px;"/>
						<input  id="endTime" style="margin-left: 15px;color:#828282;font:12px 微软雅黑;border-radius: 15px; border: 1px solid #dadada; width: 100px;height: 25px;line-height:25px;padding-left: 40px;" 
						type="text"  onClick="WdatePicker({dateFmt:'yyyy/MM/dd',readOnly:true,minDate:'#F{$dp.$D(\'beginTime\')}',startDate:'#F{$dp.$D(\'beginTime\',{d:+1})}'})" value="">
						<img src="${ctx }/images/seller/report/search2.png" style="position: relative;right: 33px;top: -1px;"/>
						</span>
						<span style="display:block;float:left;margin-top: 25px;margin-left: -10px;" >
						<button style="margin-left: 15px;color:#84E4DF;border:1px solid #84E4DF;font:14px 微软雅黑;font-weight:700; background: white; width: 90px; border-radius: 15px;height: 25px;cursor: pointer; " 
						onclick="search()">查询</button>
						</span>
					<div style="margin-top:39px;width:600px;height:420px;margin-left: 60px;top:20px" id="echartsShow">
						<%-- <img src="${ctx }/images/seller/home/temp.png" /> --%>
					</div>
					<br>
					<div style="margin-top: -485px; float: right; width: 200px; border-left: 1px solid #e6e6e6;height:100%;">
						<div style="height: 50px;line-height:50px;text-align:center;width:100%;padding-top: 50px;">
						<button class="btnpic1" style="color:white;border:1px solid #98bfe4;font:14px 微软雅黑;
                         width: 120px; border-radius: 18px;height: 30px;cursor: pointer; " onclick="viewCharts(30)">月度</button>
						</div>
						<div style="height: 50px;line-height:50px;text-align:center;width:100%">
						<button class="btnpic2" style="color:white;border:1px solid #ffcd84;font:14px 微软雅黑;
                       width:120px; border-radius:18px;height: 30px; cursor: pointer;"  onclick="viewCharts(90)">季度</button>
						</div>
						<div style="height: 50px;line-height:50px;text-align:center;width:100%">
						<button class="btnpic3" style="color:white;border:1px solid #77C082;font:14px 微软雅黑; 
						  width: 120px; border-radius: 18px;height: 30px; cursor: pointer;"  onclick="viewYearCharts()">年度</button>
						</div>
					</div>

				</div>
				<div class="foot" style="height:88px;width:100%;border:1px solid #e6e6e6;border-left:none;border-top: 0;">
				</div>
			</div>
		</section>
	</section>

	<script type="text/javascript">
		var ctx = '${ctx}';
	</script>
